<div [class]="rateItemCls || 'xm-rate-item'">
    <div class="star-wrap back" (click)="clickRate(false)" (mouseenter)="hoverRate(false)">
        <i class="icon" appIcon="Star"></i>
    </div>
    <div class="star-wrap front"  (click)="clickRate(true)" (mouseenter)="hoverRate(true)">
        <i class="icon" appIcon="Star"></i>
    </div>
</div>